<template>
	<van-nav-bar fixed :title="$route.meta.title" class="thePage">
		<template #left>
			<!-- 只保留箭头图标，移除"返回"文字 -->
			<div v-show="$route.path !== '/'" @click="$router.back()">
				<van-icon name="arrow-left" size="18" class="arrow-left" />
			</div>
		</template>
	</van-nav-bar>
</template>

<script>
</script>

<style scoped>
	.thePage {
		/* 统一主题棕色背景 */
		background-color: #8b4513;
	}

	.arrow-left {
		vertical-align: middle;
		/* 箭头设置为白色 */
		color: white;
	}

	/* 修复标题颜色为白色 */
	::v-deep .van-nav-bar__title {
		color: white;
	}

	/* 确保左侧区域点击范围合适 */
	::v-deep .van-nav-bar__left {
		color: white;
		padding-left: 10px;
	}
</style>